<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>橙腚墨菲</title>
    <link href="http://at.alicdn.com/t/font_459090_9lcdk3fnv5tgldi.css" rel="stylesheet" />
    <style type="text/css">
        html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: #FFF; color: #444; font-family: "Droid Serif",Georgia,"Times New Roman",STHeiti,serif; }
        a {text-decoration:none;margin:0px; }
        .header { margin: 0 auto; width: 100%; padding-top: 35px; border-bottom: 1px solid #EEE; overflow: hidden; }
        .container, .nav-menu { width: 952px; margin: 0 auto; overflow:hidden}
        /*标题*/
        .title { float: left; padding-right: 10px; padding-left: 10px; width: 70%; }
        .logo { color: #333; font-size: 32px;  }
        .description { margin: 8px 0; color: #999; font-style: italic; font-size: 14px; }
        /*搜索*/
        .search { float: left; padding-right: 10px; padding-left: 10px; width: 25%; }
        #search .text { float: left; padding: 0px; height: 26px; border: 1px solid #E9E9E9; border-radius: 2px; line-height: 24px; font-size: 14px; text-indent: 8px; }
        /*#search .submit {float:left; padding: 0;height: 28px; border: none; width: 24px;margin-left:-25px; background:url(https://ldmf.net/usr/themes/default/img/icon-search.png) transparent no-repeat center center;  }*/
        #search .submit { background-color: transparent; float: left; padding: 0; height: 28px; border: none; width: 24px; margin-left: -25px; color: #999999; }
        .nav-menu {margin-top:18px;}
        .nav-menu a { display: block; margin-right: -1px; padding: 0 20px; border: 1px solid #EEE; border-bottom: none; height: 32px; line-height: 32px; color: #444; float: left; }
         .nav-menu a:hover, .current{background-color:#F6F6F6}
        
    </style>

</head>
<body>
    <div class="header">
        <div class="container">
            <div class="title">
                <a class="logo" href="#">
                    橙腚墨菲
                </a>
                <p class="description">点滴生活，记录随心</p>
            </div>
            <div  class="search">
                <form id="search" method="post" action="#" >
                    <input type="text" name="s" class="text" placeholder="输入关键字搜索" size="25">
                    <input  type="submit" class="submit iconfont" value="&#xe611;" />
                </form>
            </div>
        </div>
        <div class="nav-menu">
                <a class="current" href="#">首页</a>
                <a href="#" title="关于">关于</a>
        </div>
     </div>
</body>
</html>